<template>
  <div class="middlekey-page">

    <!-- 产品管理 -->
      <!-- 贷款产品列表 -->
      <productList v-if="componentName=='productList'" @addTab="addTab"></productList>

    <!-- 运营管理 -->
      <!-- 点击数据 -->
      <clickData v-if="componentName=='clickData'" @addTab="addTab"></clickData>
  </div>
</template>
<script>
import productList from "./page/productManages/productList.vue";
import clickData from "./page/operationsManagement/clickData.vue";
export default {
  props: ["componentName", "queryMsg"],
  components: {
    productList, //贷款产品列表
    clickData //点击数据
  },
  methods: {
    addTab(obj) {
      let that = this;
      that.$emit("addTab", obj);
    }
  }
};
</script>
<style lang="less">
  .el-tabs__item.is-active{
    color:#FF7500 !important;
  }
  .el-tabs__item:hover{
    color:#FF7500 !important;
  };
</style>
